﻿@page "/"

<PageTitle>Home</PageTitle>

<Card>
	<Stack Orientation="row" AlignItems="center" JustifyContent="space-between">
		<Stack>
			<Text TextStyle="body1" Content="Label"></Text>
			<Text TextStyle="caption" Content="There should be a text label linked with the checkbox field. Clicking the label should also trigger the checkbox selection. If the label is not rendered on the page, assistive technologies should still announce it."></Text>
		</Stack>
		<Switch/>
	</Stack>
	<Stack Orientation="row" AlignItems="center" JustifyContent="space-between">
		<Stack>
		<Text TextStyle="body1" Content="Label"></Text>
		<Text TextStyle="caption" Content="There should be a text label linked with the checkbox field. Clicking the label should also trigger the checkbox selection. If the label is not rendered on the page, assistive technologies should still announce it."></Text>
		</Stack>
		<Button IconLeft="home" Text="Primary" ></Button>
	</Stack>
	<Divider/>
	<Stack Orientation="row" AlignItems="center" JustifyContent="space-between">
		<Stack>
			<Text TextStyle="body1" Content="Label"></Text>
			<Text TextStyle="caption" Content="There should be a text label linked with the checkbox field. Clicking the label should also trigger the checkbox selection. If the label is not rendered on the page, assistive technologies should still announce it."></Text>
		</Stack>
		<Button IconLeft="home" Text="Primary" ButtonStyle="secondary"></Button>
	</Stack>
	<Divider />
	<Stack Orientation="row" AlignItems="center" JustifyContent="space-between">
		<Stack>
			<Text TextStyle="body1" Content="Label"></Text>
			<Text TextStyle="caption" Content="There should be a text label linked with the checkbox field. Clicking the label should also trigger the checkbox selection. If the label is not rendered on the page, assistive technologies should still announce it."></Text>
		</Stack>
		<Button IconLeft="home" Text="Primary" ButtonStyle="text"></Button>
	</Stack>
	<Divider />
	<Stack Orientation="row" AlignItems="center" JustifyContent="space-between">
		<Stack>
			<Text TextStyle="body1" Content="Label"></Text>
			<Text TextStyle="caption" Content="There should be a text label linked with the checkbox field. Clicking the label should also trigger the checkbox selection. If the label is not rendered on the page, assistive technologies should still announce it."></Text>
		</Stack>
		<Button IconLeft="home" Text="Primary" ButtonStyle="danger"></Button>
	</Stack>
</Card>